<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户详细信息</title>
    <link rel="stylesheet" href="../js/layui/css/layui.css"/>
    <script src="../js/layui/layui.js"></script>
    <script src="../js/jquery/jquery-1.9.1.js"></script>
</head>
<body>
<center><span style="color: #873299">用户基本信息</span></center>
<table id="user" lay-filter="userFilter" ></table>
<center><span style="color: #873299">工作经历</span></center>
<table id="usergongzuo" lay-filter="usergongzuoFilter" ></table>
<center><span style="color: #873299">项目经验</span></center>
<table id="userxiangmu" lay-filter="userxiangmuFilter" ></table>
<center><span style="color: #873299">技能</span></center>
<table id="usertechang" lay-filter="usertechangFilter" ></table>

</body>
<script>
    var table = null;
    layui.use(['table','layer','form','element'], function() {
        table = layui.table;
        var element = layui.element;
        var layer = layui.layer;
        var form = layui.form;
        $(function () {
            var tableList = table.render({
                elem: '#user',
                fit: true,
                cellMinWidth: true, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                url: '../web/queryProductcjq', //数据接口
                type: "POST",
                loading: false,
                /*page: true,//开启分页
                limits: [1,5,30,40,50,60,70,80,90],//page 代表当前页码、limit 代表每页数据量*/
                cols: [
                    [ //表头
                        {field: 'account', title: '用户名', align: 'center', sort: true},
                        {field: 'truename', title: '真实姓名', align: 'center', sort: true},
                        {field: 'roendate', title: '出生日期', align: 'center', sort: true},
                        {field: 'startworkdate', title: '开始工作年份', align: 'center', sort: true},
                        {field: 'sex', title: '性别', align: 'center', sort: true, templet: function (data) {
                                return data.sex == 1 ? "男" : (data.sex == 2 ? "女" : "");
                            }
                        },
                        {field: 'address', title: '地址', align: 'center', sort: true},
                        {field: 'haiwai', title: '海外经历', align: 'center', sort: true, templet: function (data) {
                                return data.sex == 1 ? "是" : (data.sex == 2 ? "否" : "");
                            }
                        },
                        {field: 'gouzuo', title: '工作经验', align: 'center', sort: true},
                        //{fixed: 'caozuo', title: '操作', align: 'center', sort: true, toolbar: '#toolbar'}
                        //fixed加上这个 左右两边都有 这个属性
                    ]
                ]
            });
            var tableList = table.render({
                elem: '#usergongzuo',
                fit: true,
                cellMinWidth: true, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                url: '../web/findUserGongZuoJingLi', //数据接口
                type: "POST",
                dataType:'json',
                loading: false,
                /*page: true,//开启分页
                limits: [1,5,30,40,50,60,70,80,90],//page 代表当前页码、limit 代表每页数据量*/
                cols: [
                    [ //表头
                        {field: 'comname', title: '公司名称', align: 'center'},
                        {field: 'hangyetype', title: '行业类别', align: 'center'},
                        {field: 'workname', title: '职业名称', align: 'center'},
                        {field: 'zhiyetype', title: '职位类别', align: 'center'},
                        {field: 'workdate', title: '职位类别', align: 'center'},
                        {field: 'salary', title: '月薪', align: 'center'},
                        {field: 'pingjia', title: '评价', align: 'center'}
                        //{fixed: 'caozuo', title: '操作', align: 'center', sort: true, toolbar: '#toolbar'}
                        //fixed加上这个 左右两边都有 这个属性 , sort: true加上这个就可以实现正序倒序
                    ]
                ]
            });
            var tableList = table.render({
                elem: '#userxiangmu',
                fit: true,
                cellMinWidth: true, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                url: '../web/queryXiangMu', //数据接口
                type: "POST",
                dataType:'json',
                loading: false,
                /*page: true,//开启分页
                limits: [1,5,30,40,50,60,70,80,90],//page 代表当前页码、limit 代表每页数据量*/
                cols: [
                    [ //表头
                        {field: 'comname', title: '公司名称', align: 'center'},
                        {field: 'hangyetype', title: '行业类别', align: 'center'},
                        {field: 'projectname', title: '项目名称', align: 'center'},
                        {field: 'miaoshu', title: '项目描述', align: 'center'}
                        //{fixed: 'caozuo', title: '操作', align: 'center', sort: true, toolbar: '#toolbar'}
                        //fixed加上这个 左右两边都有 这个属性 , sort: true加上这个就可以实现正序倒序
                    ]
                ]
            });
            var tableList = table.render({
                elem: '#usertechang',
                fit: true,
                cellMinWidth: true, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                url: '../web/findJiaoYu', //数据接口
                type: "POST",
                dataType:'json',
                loading: false,
                /*page: true,//开启分页
                limits: [1,5,30,40,50,60,70,80,90],//page 代表当前页码、limit 代表每页数据量*/

                cols: [
                    [ //表头
                        {field:'createTime', title:'时间', align: 'center',templet:function(data){
                                return data.createTime+"—"+data.endTime;
                            }},
                        {field:'schoolName', title:'学校名称', align: 'center'},
                        {field:'tongZhao', title:'统招', align:'center',templet:function(data){
                                return data.tongZhao == 1 ? "是" : (data.tongZhao == 2 ? "否" : "");
                            }},
                        {field:'professional', title:'专业', align:'center'},
                    ]
                ]
            });
        })
    })
    /*function saveProduct() {
        $.ajax({
            url:'../web/addProduct',
            data:$("#productForm").serialize(),
            type:'post',
            dataType:'json',
            success:function (data) {
                if(!data){
                    layer.alert("保存失败",{icon:0})
                }
            }
        })
    }*/
</script>
</html>
<!--

 var $;
    layui.use(['form', 'layedit', 'laydate'], function() {
        var form = layui.form,
            layer = layui.layer,
            layedit = layui.layedit,
            laydate = layui.laydate;

        $=layui.jquery;
    })


    function initForm(data) {
        layui.use(['form'], function() {
            var form=layui.form;
            form.val("test",{
                id:data.id,
                account:data.account,
                truename:data.truename,
                roendate:data.roendate,
                startworkdate:data.startworkdate,
                tel:data.tel,
                address:data.address,
                gouzuo:data.gouzuo,
                sex:data.sex,
                haiwai:data.haiwai,
                comnamegong:data.comnamegong,
                hangyetypegong:data.hangyetypegong,
                workname:data.workname,
                zhiweitype:data.zhiweitype,
                workdate:data.workdate,
                salary:data.salary,
                pingjia:data.pingjia,
                comname:data.comname,
                hangyetype:data.hangyetype,
                projectname:data.projectname,
                miaoshu:data.miaoshu,
                skills:data.skills,
                chengdu:data.chengdu,
            })
        })
    }

-->

<!--
<form id="productForm" class="layui-form" method="post" lay-filter="test">
    <center><span style="color: #873299">个人基本资料</span></center>
    <hr class="layui-bg-orange">
    <div class="layui-form-item">
        <div class="layui-inline">
            <input type="hidden" id="id" name="id">
            <label class="layui-form-label">账号</label>
            <div class="layui-input-inline">
                <input type="text" name="account" placeholder="账号" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">真实姓名</label>
            <div class="layui-input-inline">
                <input type="text" name="truename" placeholder="真实姓名" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">出生日期</label>
            <div class="layui-input-inline">
                <input type="text" name="roendate" placeholder="出生日期" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">开始工作时间</label>
            <div class="layui-input-inline">
                <input type="text" name="startworkdate" placeholder="开始工作时间" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input type="text" name="tel" placeholder="联系电话" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">家庭住址</label>
            <div class="layui-input-inline">
                <input type="text" name="address" placeholder="家庭住址" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">工作经验</label>
            <div class="layui-input-inline">
                <input type="text" name="gouzuo" placeholder="工作经验" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input type="radio" name="sex" value="1">男
                <input type="radio" name="sex" value="2">女
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">海外经历</label>
            <div class="layui-input-block">
                <input type="radio" name="haiwai" value="1">是
                <input type="radio" name="haiwai" value="2">否
            </div>
        </div>
    </div>
    <center><span style="color: #873299">工作经历</span></center>
    <hr class="layui-bg-orange">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">公司名称</label>
            <div class="layui-input-inline">
                <input type="text" name="comnamegong" placeholder="公司名称" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">行业类别</label>
            <div class="layui-input-inline">
                <input type="text" name="hangyetypegong" placeholder="行业类别" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">职业名称</label>
            <div class="layui-input-inline">
                <input type="text" name="workname" placeholder="职业名称" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">职位类别</label>
            <div class="layui-input-inline">
                <input type="text" name="zhiyetype" placeholder="职位类别" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">工作时间</label>
            <div class="layui-input-inline">
                <input type="text" name="workdate" placeholder="工作时间" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">职位月薪</label>
            <div class="layui-input-inline">
                <input type="text" name="salary" placeholder="职位月薪" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">自我评价</label>
            <div class="layui-input-inline">
                <textarea placeholder="请输入内容" name="pingjia" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>
    <center><span style="color: #873299">项目经验</span></center>
    <hr class="layui-bg-orange">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">公司名称</label>
            <div class="layui-input-inline">
                <input type="text" name="comname" placeholder="公司名称" autocomplete="off" class="layui-input">
            </div>
            <label class="layui-form-label">行业类别</label>
            <div class="layui-input-inline">
                <input type="text" name="hangyetype" placeholder="行业类别" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">项目名称</label>
            <div class="layui-input-inline">
                <input type="text" name="projectname" placeholder="项目名称" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">项目描述</label>
            <div class="layui-input-inline">
                &lt;!&ndash;<input type="text" name="miaoshu" placeholder="项目描述" autocomplete="off" class="layui-input">&ndash;&gt;
                <textarea placeholder="请输入内容" name="miaoshu" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>
    <center><span style="color: #873299">技能</span></center>
    <hr class="layui-bg-orange">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">技能/语言</label>
            <div class="layui-input-inline">
                <input type="text" name="skills" placeholder="技能/语言" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">掌握程度</label>
            <div class="layui-input-block">
                <select name="chengdu" lay-filter="aihao">
                    <option value="1">初学</option>
                    <option value="2">熟练</option>
                    <option value="3">大神</option>
                </select>
            </div>
        </div>
    </div>
</form>-->
